<template>
	<view>
		<view class="divid_line_horizen"></view>
		<text class="title">推荐求职者</text>
		<view style="padding:30rpx;">
			<view style="display: flex;flex-direction: row;">
				<text style="color: #444444;font-size: 30rpx;">朋友姓名</text>
				<view class="input_view">
					<input placeholder-class="placeholder" class="input" placeholder="请填写朋友姓名" />
				</view>
			</view>
		</view>
		<view class="divid_line_horizen"></view>
		<view style="padding:30rpx;">
			<view style="display: flex;flex-direction: row;">
				<text style="color: #444444;font-size: 30rpx;">朋友联系方式</text>
				<view class="input_view">
					<input placeholder-class="placeholder" class="input" placeholder="请填写朋友联系方式" />
				</view>
			</view>
		</view>
		<view class="divid_line_horizen"></view>
		<view style="display: flex;flex-direction: column;width: 100%;padding:30rpx;">
			<text style="color: #444444;font-size: 30rpx;margin-bottom: 30rpx;">其他说明</text>
			<!-- <textarea placeholder-style="color: #999999;" maxlength="100" style="color: #333333;" placeholder="请输入其他说明"></textarea> -->
			<view style="display: flex;flex-direction: row;" @click="goEdit">
				<input style="width: 660rpx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"disabled="true"
				 placeholder-class="placeholder" class="input" placeholder="请输入其他说明" />
				<u-icon style="float: right;" name="arrow-right"></u-icon>
			</view>
		</view>
		<view class="divid_line_horizen"></view>
		<view class="tip_text">
			注：推荐朋友信息，获取佣金价值，成功入职后即获得佣金
		</view>
		<view class="bottom_btn" @click="gocommit">
			<view class="text">保存</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			gocommit() {

			},
			goEdit(){
				
			}
		}
	}
</script>

<style>
	/* #ifndef H5 */
	page {
		height: 100%;
		background-color: #FFFFFF;
	}

	/* #endif */
</style>

<style lang="scss" scoped>
	.input_view {
		width: 500rpx;
		position: absolute;
		text-align: right;
		font-size: 30rpx;
		padding-right: 30rpx;
		right: 0;

		.placeholder {
			color: #999999;
		}

		.input {
			color: #333333;
		}
	}



	.title {
		height: 160rpx;
		font-size: 22px;
		font-family: PingFangSC-Medium, PingFang SC;
		color: #333333;
		line-height: 160rpx;
		margin-left: 30rpx;
	}

	.tip_text {
		font-size: 26rpox;
		color: #FF9836;
		padding: 20rpx 30rpx 0rpx 30rpx;
	}

	.bottom_btn {
		position: fixed;
		width: 100%;
		height: 120rpx;
		background-color: #eeeeee;
		bottom: 0rpx;
		display: flex;
		justify-content: center;
		align-items: center;

		.text {
			width: 335px;
			height: 45px;
			background: linear-gradient(270deg, #1698F9 0%, #4CC5FC 100%);
			border-radius: 12rpx;
			color: #ffffff;
			font-size: 32rpx;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}
</style>
